<!-- 头部 -->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <base href="/guguanjia/">
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>固管家服务平台</title>
    <meta name="description" content="index"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="static/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/chosen/chosen.min.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="static/ace/css/ace.min.css" id="main-ace-style"/>
    <link rel="stylesheet" href="static/ace/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="static/ace/css/ace-rtl.min.css"/>
    <link rel="stylesheet" href="static/ztree/metro.css"/>
    <link rel="stylesheet" href="static/validate/css/validform.css"/>
    <link rel="stylesheet" href="static/css/custom.css"/>

    <!--[if !IE]> -->
    <script src="static/jquery/jquery.js"></script>

    <script type="text/javascript">

        $(function() {
            // $("div.dropdown-menu").on("click", ".ztree .switch,#pullDownTreeSearchone,.scroll-track", function(e) {e.stopPropagation(); });

            $('.scrollable').each(function () {
                var $this = $(this);
                $(this).ace_scroll({
                    size: $this.data('height') || 250
                });
            });


        });
    </script>

    <!-- <![endif]-->
    <!-- ace settings handler -->
    <script src="static/ace/js/ace-extra.min.js"></script>
</head>

<body class="no-skin" id="body-content">

<!-- 主体 -->
<div class="main-container" id="main-container">


    <div class="main-content">


        <div class="page-content">

            <div class="page-header">
                <h1> 测试运输方普通人员 编辑 </h1>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div id="fill-main-content" style="height:100%">
                        <div class="xuboxPageHtml" id="xboxTest" style="overflow-y: auto; height: 516px;">
                            <div class="layer">
                                <form name="FormPost" id="role-save" class="FormGrid" method="post" action="role/save">

                                    <input type="hidden" value="27" name="id">
                                    <table class="EditTable" width="100%">
                                        <tbody>
                                        <tr class="FormData">
                                            <td class="CaptionTD">归属机构</td>
                                            <td class="DataTD width-100">

                                                <div class="clearfix width-100  input-group" style="">
                                                    <input class="form-control search-query" type="text" readonly="" v-model="role.officeName">
                                                    <span class="input-group-btn">
                                                    <span class="btn btn-purple btn-sm" type="button" style="height: 34px;" @click="toSelect()">
                                                        <i class="ace-icon fa fa-search bigger-110"></i>
                                                        <a>查找</a>
                                                    </span>
                                                </span>
                                                    <input type="hidden" name="officeId" id="officeEdit" value="52">
                                                </div>

                                            </td>
                                        </tr>
                                        <tr class="FormData">
                                            <td class="CaptionTD">角色名称</td>
                                            <td class="DataTD width-100"><input type="text" name="name" datatype="*"
                                                                                nullmsg="请输入角色名称！" v-model="role.name">
                                            </td>
                                        </tr>
                                        <tr class="FormData">
                                            <td class="CaptionTD">数据范围</td>
                                            <td class="DataTD width-100">
                                                <select class="width-50" v-model="role.dataScope" @change="changeScope()">
                                                    <option value="1">所有数据</option>
                                                    <option value="2">所在公司及以下数据</option>
                                                    <option value="3">所在公司数据</option>
                                                    <option value="4">所在部门及以下数据</option>
                                                    <option value="5">所在部门数据</option>
                                                    <option value="8">仅本人数据</option>
                                                    <option value="9">按明细设置</option>
                                                </select>


                                                <span class="red width-50"> 特殊情况下,设置为"按明细设置",可进行跨机构授权</span>
                                            </td>
                                        </tr>
                                        <tr class="FormData">
                                            <td class="CaptionTD" style="vertical-align: top;">角色授权</td>
                                            <td class="DataTD">
                                                <div class="clearfix"
                                                     style="width: 100%;display: inline-block;vertical-align: top;">

                                                    <div id="treeSelectResEdit"
                                                         style="width: 50%;display: inline-block;vertical-align: top;float: left">

                                                        <div>
                                                            <ul id="selectTreetreeSelectResEdit" class="ztree"
                                                                style="padding:15px 20px;">

                                                            </ul>
                                                        </div>
                                                    </div>


                                                    <div id="treeSelectOfficeEdit"
                                                         style="width: 50%; vertical-align: top; float: right;">

                                                        <div class="scrollable">
                                                            <ul id="select-treetreeSelectOfficeEdit" class="ztree"
                                                                style="padding:15px 20px;">
                                                                <ul id="selectTreetreeSelectOfficeEdit" class="level0 "
                                                                    style="display:block">

                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </div>


                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>

                            <div class="width-100 clearfix" tag-save-btn=""
                                 style="bottom: -36px; left: 0px; position: absolute;">
                                    <span @click="update()" class="btn btn-primary btn-sm bigger-110 width-50  pull-left" id="role-save-save">
                                        <i class="ace-icon fa fa-floppy-o align-top bigger-125"></i> 确 定
                                    </span>
                                    <span @click="cancelUpdata()" class="btn btn-yellow btn-sm bigger-110 width-50 pull-right"
                                                                      id="role-save-cancel">
                                        <i class="ace-icon fa fa-times align-top  bigger-125"></i> 取 消
                                    </span>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div><!-- /.page-content -->

    </div><!-- /.main-content -->

    <a href="javascript:void(0);" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse" style="z-index:1111">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<!-- 底部 -->
<!-- basic scripts -->

<script src="static/bootstrap/bootstrap.min.js"></script>
<!-- ace scripts -->
<script src="static/ace/js/ace-elements.min.js"></script>
<script src="static/ace/js/ace.min.js"></script>


<!-- 引入其他js -->
<script src="static/js/history.js"></script>
<script type="text/javascript" src="static/layer/layer.js"></script>
<script type="text/javascript" src="static/js/spin.min.js"></script>
<script type="text/javascript" src="static/ztree/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="static/js/jquery.autosize.min.js"></script>
<script type="text/javascript" src="static/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="static/validate/Validform_v5.3.2_min.js"></script>
<script type="text/javascript" src="static/js/jquery.form.js"></script>
<script type="text/javascript" src="static/js/bootstrap-contextmenu.js"></script>
<script type="text/javascript" src="static/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="static/js/public.js"></script>
<script type="text/javascript" src="static/vue/vue.js"></script>
<script type="text/javascript" src="static/vue/axios.js"></script>

<script type="text/javascript" src="static/js/role/update.js"></script>


</body>
</html>
